/**
global transition css
v-enter改成了v-enter-form，v-leave改成了v-leave-from。
**/

/* fade */
.fade-enter-active,
.fade-leave-active {
	transition: var(--el-transition-all);
}

.fade-enter-from,
.fade-leave-active {
	opacity: 0;
}

// 整体项目切换动画
.fade-transform-enter-active,
.fade-transform-leave-active {
	transition: all var(--el-transition-duration) ease-in-out;
}

.fade-transform-enter-from {
	transform: translateX(-5%);
	opacity: 0;
}

.fade-transform-leave-to {
	transform: translateX(5%);
	opacity: 0;
}

// 上下切换效果
.fade-top-transform-enter-active,
.fade-top-transform-leave-active {
	transition: all var(--el-transition-duration) ease-in-out;
}
.fade-top-transform-enter-from,
.fade-top-transform-leave-to {
	transform: translateY(-5%);
	opacity: 0;
}

// 对移动中的元素应用的过渡
.breadcrumb-move,
.breadcrumb-enter-active,
.breadcrumb-leave-active {
	transition: var(--el-transition-all);
}

.breadcrumb-enter-from,
.breadcrumb-leave-active {
	opacity: 0;
	transform: translateX(20px);
}

.breadcrumb-leave-active {
	position: absolute;
}
